@import url(base.less);
@import url(comment.less);

.top-header{
  .dl(40);
  .bg-color(#ffd200);
  .tc;
  h1{
    .fz(18);
  }
  .top-share-icon{
    .fullbg('detail_05.png');
    .dba(22,19);
    .mr(10);
    .mt(10);
  }
  .back-icon{
    .fullbg('detail_03.png');
    .dba(10,18);.fl;
    .ml(10);
    .mt(10);
  }
}
.d-box{
  border-top:10px solid @ce;
  .bdb(@cde);
  .bar{
    border-top:1px solid @cde;
    color:#3c3c3c;
    .p10;
    .bdb(@cde);
  }
  .link-icon{
    .bg-size('detail_32.png',14px,14px,left,center);
    .pl(18);
  }
  .cont{
    .pl(10);.pr(10);.pb(10);
    //.bdb(@ce);
  }
}
.border-btn{
  .bd(#d5d5d5);
  display:inline-block;
  .wh(170px,36px);
  .lh(36);
  .border-radius(18px);
  .g9;
  .pl(10);
}
.bottom-btn{
  .com-icon{.bg-size('detail_56.png',10px,13px,50px,center)}
  .write-icon{.bg-size('detail_59.png',13px,13px,49px,center)}
}
.d-main{
  .bdb(@cde);
}
.goods{
  .mt10;
  .bd(#d5d5d5);
  box-shadow: 0 0 3px #d7d7d7;
  height:89px;
  .bg-color(@cgraybg);
  .pic{
    .fl;
    .mr(10);
  }
  .comment-icon{
    .fr;
    .mr(5);
    .g9;
    .bg-size('detail_23.png',12px,13px,left,center);
    .pl(14);
    .lh(24);
    .pt(5);
  }
  .on{
    .bg-size('detail_36.png',12px,13px,left,center);
  }
  .cont{
    border:none;
    .pr(50);
    .tit{
      .pt(5);
      .lh(20);
    }
  }
  .price{
    color:@cred;
    .mt10;
    .f14;
  }
}
.fix-comment{
  position:fixed;
  left:0;
  bottom:0;
  z-index:2;
  width:100%;
  -webkit-animation:slideUp .4s ease;
  .bdt(@cde);
  .p10;
  .box-sizing();
  .bg-color(@cwhite);
  .cont{
    height:40px;
  }
  .write-input{
    height:38px;
    width:100%;
    .box-sizing();
    .pl(20);
    .bg-color(@ce);
    .bd(@cde);
    .border-radius();
  }
  .input{
    .pr(90);
  }
  .yellow-btn{
    .fr;
    .bg-color(@cyellow);
    .border-radius();
    .f14;
    .g3;
    .wh(80px,40px);
    .lh(40);
    .tc
  }
  .input-desc{
    .pa(15px,23px);
  }
}
.comment-page{
  .bdt(#ad9d9d);
  border:none;
  .pb(50);
  .cont{
    border:none;
  }
}
.pb60{
  .pb(60);
}


.xinde_goods{
  li{
    margin-bottom:10px;
    a{
      .db;
      .dl(48);
      .pr(15);
      .bg-size('arrow_right.png',8px,auto,right,center);
    }
    img{
      .fl;
    }
  }
}

.nav-right-icon{
  .fr;
  .mr10;
  .h(24px);
  .pt(8);
}
.ugc-content .cont{
  .mt10;
  .atten{
    .fr;
    .fullbg('detail_12.png');
    .dba(67,24);
    .tc;
    .pt(8);
    line-height:24px;
  }
  .had-atten{
    .fullbg('detail_13.png');
  }
  .top{
    .plr();
    .pb10;
  }
}
.user{
  .tx{
    .wh(30px,30px);
    .fl;
    .mr10;
    .border-radius(100%);
  }
  .name{
    .c(@cblue);
    .f14;
  }
  .time{
    .mt5;
    .g9;
  }
}
.m-content{
  .mt10;
  .lh(24);
  .plr();
  .pb10;
  .f14;
  .g3;
  word-break:break-all;
}
.swiper-container {
  width: 100%;
  height: 320px;
}
.swiper-slide {
  text-align: center;
  background: #000;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-pagination .swiper-pagination-bullet-active{
	background:#ffd200;
}

